JavaScript - Les conditions

Les tests

Les conditions en JavaScript et en python sont à peut près les mêmes, c'est surtout au niveau de la syntaxe que la chose diffère. JavaScript reprend directement la syntaxe issue du C (et donc la syntaxe est plus classique que celle de python).

Le tableau suivant donne les principale différences :

PythonJavaScript
or||
and&&
not!
Truetrue
Falsefalse
Exemple

Le test en Python suivant :


				

s'écrit en javaScript :


				

L'ordre de priorité est le même donc not est prioritaire à and puis en dernier or (donc la parenthèse autour de not True est inutile.

Il y a cependant une énorme différence, en Python 2 < 5 < 4 donne False alors quand JavaScript le résultat est vraie ! Pourquoi ?

JavaScript (et tous les langages dérivées du langage C) évalue de gauche à droite successivement c'est à dire que 2 < 5 < 4 est en réalité (2 < 5) < 4. Il calcul (2 < 5) qui est True. Puis il fait True < 4, là on se dit qu'il ne compare pas des choses compataible mais JavasCript (et pour le coup Python aussi) remplace True par 1 d'où 1 < 5 donne True.

Les instructions if et else

Encore une fois les choses changent au niveau de la syntaxe mais dans le fond c'est pareil, par rapport au Python :

Exemple

Le morceau de code Python suivant (a,b,c sont des variables définie avant) :


				

s'écrit en javaScript :



			

Le switch

Le switch vient du C et à volontairement pas été implémenter en Python (pour simplifier), pourtant c'est vraiment pratique (surtout avec la gestion des événements). C'est évidemment optionnele, si vous ne voulez pas faire ne le faite pas, mais parfois vous risquez de voir du code l'utilisant.

Exemple

Le morceau de code Python suivant (age est una variable qui contient l'age d'une personne) :


				

s'écrit en javaScript :


			

Un test rapide

Le JavaScript nous permet de gagner de la place si le test si les instructions sont courtes. Là aussi c'est une option.

Exemple

			

Vidéo du cours

Un exemple

Exemple

Dans l'exemple suivant appuyer sur le bouton permet de passer en mode nuit et vice et versa :



			

			

Deuxième exemple

Exemple

Dans l'exemple suivant appuyer sur le bouton permet de passer en mode nuit et vice et versa :



			

			

Exercice

Exemple

Dans les exercices suivants, utilisez des variables globales, on peut faire autrement mais cela oblige soit à voir les choses différemment, soit à utiliser des choses assez complexes.

  1. Améliorons un peu l'exercice des boutons du dernier cours, essayez d'obtenir l'effet suivant :
  2. 
    				
  3. Reproduire la feuille suivante qui permet de tester les différentes polices: